<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="utf-8">
    <title>静态WebGIS网站生成器演示系统</title>

    <link rel="icon" href="./images/favicon.ico" mce_href="./images/favicon.ico" type="image/x-icon">
    <link rel="shortcut icon" href="./images/favicon.ico" mce_href="./images/favicon.ico" type="image/x-icon">

    <link rel="stylesheet" href="//cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css">
    <script src="//cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js"></script>
    <script src="//cdn.static.runoob.com/libs/bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <link rel="stylesheet" href="//www.osgeo.cn/./tass/css/style.css"/>

    <link rel="stylesheet" href="//unpkg.com/leaflet@1.4.0/dist/leaflet.css"/>
    <script src="//unpkg.com/leaflet@1.4.0/dist/leaflet.js"></script>

    <style>
        html, body {
            height: 100%;
            margin: 0;
        }

        #map {
            width: 100%;
            height: 500px;
            border: #0e6b38 1px solid;
        }
    </style>

</head>
<body data-spy="scroll" data-target="#myScrollspy">

<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">

    <div class="container-fluid">
        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
        </button>
        <div class="navbar-header"><a class="navbar-brand"
                                      href="index.html">&nbsp;&nbsp;首页&nbsp;&nbsp;</a></div>
        <div class="navbar-collapse collapse">
            <ul class="nav navbar-nav">
                <li><a href="#">说明</a></li>

            </ul>


        </div>
    </div>
</nav>


<div style="padding-top: 50px;"></div>
{% block mainbody %}

{% endblock %}
<br>

<div class="container-fluid foot-wrap footer">
    <div class="col-sm-3"></div>
    <div class="col-sm-9">
        <div style="margin-top: 10px; margin-bottom: 10px;font-size: 90%; color: #fff;">
            <div class="row">
                <div class="row-content col-sm-4">

                    <h3>联系方式</h3>
                    <ul>
                        <li><a>Email: bukun#osgeo.cn </a></li>
                    </ul>
                </div>

                <div class="row-content col-sm-8">
                    <h3>实验室项目</h3>

                    <div class="row-content col-sm-6">

                        <h4><span class="glyphicon glyphicon-book"> </span> 教程与文档</h4>
                        <ul>
                            <li><a href="https://www.osgeo.cn/webgis" target="_blank">开源WebGIS在线案例网站</a></li>
                            <li><a href="https://www.osgeo.cn/pygis/" target="_blank">Python与开源GIS网站</a></li>
                            <li><a href="https://www.osgeo.cn/gis_tutorial/" target="_blank">地理信息系统基础原理</a>
                            </li>
                            <li><a href="http://www.osgeo.cn/qgis_tutorial/index.html" target="_blank">QGIS
                                2教程：入门与提高</a></li>
                            <li><a href="http://www.osgeo.cn/doc_pycsw/" target="_blank">pycsw中文文档（翻译）</a>
                            </li>
                            <li><a href="http://www.osgeo.cn/grass_tutorial/" target="_blank">GRASS
                                GIS中文教程</a>
                            <li><a href="http://www.osgeo.cn/mapserver_tutorial/index.html" target="_blank">MapServer在线教程</a>
                            </li>

                            <li>
                                <a href="http://www.osgeo.cn/python_gdal_utah_tutorial/" target="_blank">
                                    犹他州立大学Python GDAL课程笔记
                                </a>
                            </li>
                            <li><a href="http://www.osgeo.cn/osgeo-live/" target="_blank">OSGeo Live中文文档</a>
                            </li>
                        </ul>
                    </div>
                    <div class="row-content col-sm-6">

                        <h4><span class="glyphicon glyphicon-leaf"> </span> 专业网站</h4>
                        <ul>
                            <li><a href="http://drr.ikcest.org" target="_blank">IKCEST防灾减灾知识服务系统</a></li>
                            <li><a href="https://www.osgeo.cn" target="_blank">OSGeo中国中心</a></li>
                            <li><a href="https://www.osgeo.cn/map/" target="_blank">地图云集</a></li>
                            <li><a href="https://www.osgeo.cn/app/" target="_blank">云算笔记网站</a></li>
                            <li><a href="http://www.wds-china.org" target="_blank">WDS中国中心</a></li>
                            <li><a href="http://eng.wdc.cn" target="_blank">可再生资源世界数据中心</a></li>
                        </ul>


                        <h4><span class="glyphicon glyphicon-thumbs-up"> </span> Github项目 </h4>
                        <ul>
                            <li><a target="_blank" href="https://github.com/bukun/TorCMS">TorCMS</a></li>
                            <li><a target="_blank" href="https://github.com/gislite/maplet">Maplet</a></li>
                            <li><a target="_blank" href="https://github.com/bukun/book_python_gis">Python与开源GIS源码</a>
                            </li>
                        </ul>
                    </div>

                </div>
            </div>
            <p align="center" style="margin-top: 20px;color:#fff;">Copyright &copy;
                <a class="since" href="http://www.osgeo.cn/">OSGeo中国中心 开放地理空间实验室, Since 2014</a>
                吉ICP备15000191号</p>
        </div>
    </div>
</div>

</body>
</html>
